    <!DOCTYPE html>
    <html>
    <head>
    
	<!--
    <link rel="stylesheet" href="/css/bootstrap.min.css" type="text/css" />
	-->
	
	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript" src="js/bootstrap.min.js"></script>
	<script type="text/javascript" src="js/usersearch.js"></script>
		<script type="text/javascript" src="js/drugndropcolumn.js"></script>

    
    <title>Advanced user search from table</title>
    
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    
    <!-- Boots trap -->
    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
		<link href="css/usersearch.css" rel="stylesheet" type="text/css" />



    </head>
    <body>
		
		<div class="container">
	<div class="row">
        <div class="col-md-3">
            <form action="#" method="get">
                <div class="input-group">
				
                    <!-- USE TWITTER TYPEAHEAD JSON WITH API TO SEARCH -->
                    <input class="form-control" id="system-search" name="q" placeholder="Search for" required>
                    <span class="input-group-btn">
                        <button type="submit" class="btn btn-default"><i class="glyphicon glyphicon-search"></i></button>
                    </span>
                </div>
            </form>
        </div>
		<div class="col-md-9">
    	 <table width="80%" class="table table-list-search">
                    <thead>
                        <tr>
                            <th width="21%">Login</th>
                            <th width="31%">Name</th>
                            <th width="19%">Last visit</th>
                            <th width="14%">Score</th>
                            <th width="12%">Hystory</th>
                            <th width="3%">ID</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>BlackHole</td>
                            <td>StephenHawking</td>
                            <td>12-11-2011 11:11</td>
                            <td>250</td>
                            <td>5</td>
                            <td>&nbsp;</td>
                        </tr>
                        <tr>
                            <td>Agent</td>
                            <td>JohnSmith</td>
                            <td>11-20-2013 08:56</td>
                            <td>122</td>
                            <td>2</td>
                            <td>&nbsp;</td>
                        </tr>
                        <tr>
                            <td>Kowboy</td>
                            <td>JorgBush</td>
                            <td>09-20-2013 08:00</td>
                            <td>12</td>
                            <td>8</td>
                            <td>&nbsp;</td>
                        </tr>
                    </tbody>
                </table>   
		</div>
	</div>
</div>



		

    </body>
    </html>